<script lang="ts" setup>
import { ref } from 'vue';
const termText = ref<string>();
const termInterval = ref<number>(1);
const pushText = ref<string>();
const pushType = ref<number>(1);
</script>

<template>
  <div class="home-container term-set-container pt8 pl8 pr8 pb8">
    <div class="title font18 pb8 pl8 pr8">推送活动术语</div>
    <el-input v-model="termText" :rows="5" type="textarea" placeholder="请输入活动术语" />
    <div class="flex-ali mt8">
      <span class="font12">推送模式：</span>
      <el-radio-group v-model="pushType">
        <el-radio :label="1">顺序循环</el-radio>
        <el-radio :label="2">随机循环</el-radio>
      </el-radio-group>
    </div>
    <div class="flex-ali mt8">
      <span class="font12">间隔：</span>
      <el-input-number class="flex-auto" v-model="termInterval" :min="1" size="small" controls-position="right" />
      <span class="font12 ml8 mr8">秒</span>
      <el-button size="small" type="primary">开始</el-button>
      <el-button size="small" type="primary">停止</el-button>
    </div>
    <div class="flex-ali mt8">
      <span class="font12">立即推送：</span>
      <el-input v-model="pushText" class="flex-auto ml8 mr8" size="small" placeholder="请输入推送内容" />
      <el-button size="small" type="primary">推送</el-button>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.term-set-container {

  .title {
    text-align: center;
  }
}
</style>